<?xml version="1.0" encoding="UTF-8"?>

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                template="/templates/general.xhtml">

    <ui:define name="title"><h:outputText value="Please Sign In" /></ui:define>
    <ui:define name="header"><h:outputText value="Please Sign In" /></ui:define>

    <ui:define name="content">
        <h:form id="loginForm" onsubmit="document.getElementById('loginForm').action='j_security_check';" prependId="false">
            <p:fieldset styleClass="fieldset" legend="Authentication Form">
                <p:focus />
                <p:messages id="messages" />
                <h:panelGrid id="logPanelGrid" style="margin: 0 auto; margin-top: 25px; text-align: right" cellspacing="8" columns="3">
                    <h:panelGroup>
                        <h:outputText value="User Name:" />
                        <h:outputText style="color:red" value=" * " />
                    </h:panelGroup>
                    <p:inputText id="j_username" value="" required="true" label="User Name" title="Enter your user name">
                        <f:validateLength minimum="2" />
                    </p:inputText>
                    <p:tooltip for="j_username" styleClass="tooltip" showEvent="focus" hideEvent="blur" />
                    <h:panelGroup>
                        <h:outputText value="Password:" />
                        <h:outputText style="color:red" value=" * " />
                    </h:panelGroup>
                    <p:password id="j_password" value="" required="true" label="Password" title="Enter your password">
                         <f:validateLength minimum="4" />
                    </p:password>
                    <p:tooltip for="j_password" styleClass="tooltip" showEvent="focus" hideEvent="blur" />

                    <p:button id="newUserButton" outcome="signUp" icon="ui-icon-plus" value="Sign Up" />
                    <p:commandButton id="submit"  icon="ui-icon-check" value="Sign In"  ajax="false"/>
                      
                </h:panelGrid>
            </p:fieldset>
        </h:form>
    </ui:define>

</ui:composition>

